<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>使用 HTML5 webSocket API实现即时通讯的功能</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
	content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no" />
		<!-- 引入CSS文件 -->
		<link rel="stylesheet" type="text/css" href="ext4/resources/css/appext-all.css">
		
		<link rel="stylesheet" type="text/css" href="css/appwebsocket.css" />
		
		<!-- 引入jquery库。 -->
		<script type="text/javascript" src="js/jquery_1.8.3.js"></script>
		<!-- 引入Ext库。-->
		<script type="text/javascript" src="ext4/ext-all-debug.js"></script>
		
		<script>
		// 获取url参数
		function getParameter(param) {
			var query = window.location.search;
			var iLen = param.length;
			var iStart = query.indexOf(param);
			if (iStart == -1)
				return "";
			iStart += iLen + 1;
			var iEnd = query.indexOf("&", iStart);
			if (iEnd == -1)
				return query.substring(iStart);
			return query.substring(iStart, iEnd);
		}
		</script>
	</head>
		
	<body>
	    <center  style="display:none"><font size="4" color="red"><b>使用 HTML5 webSocket API实现即时通讯的功能！！！</b></font></center>
		<div id="websocket"></div><br>
		<!-- 引入webscoket js脚本文件. -->
		<script type="text/javascript" src="js/appwebsocket.js"></script>
		<center  style="display:none"><input type="button" onclick="javascript:getWindow();" value="打开WebSocket聊天窗口"></center>
		<script type="text/javascript">
		function getWindow(){
			if($.browser.opera){//如果为谷歌浏览器，则去掉后面两个<br>。注意：在使用键盘提交信息时，谷歌浏览器会自动在原有信息的后面添加两个<br>。
				Ext.onReady(function() {
					Ext.MessageBox.show({ 
						title:"友情提示", 
						msg:"当前浏览器为Opera，使用快捷键功能前需将鼠标焦点移出文本编辑域，否则功能失效！！！", 
						buttons:Ext.Msg.OKCANCEL,
						width:700, 
						icon:Ext.MessageBox.WARNING, 
						closable:false,
						fn:function(e){
							if(e == 'ok'){
								getWebSocketWindow(getParameter("userid"));
							}
						}
				    });
				});
			}else{
				//alert(getParameter("userid"));
			    getWebSocketWindow(getParameter("userid"));
		    }
		}
		getWindow();
		</script>
	</body>
</html>